<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <link rel="shortcut icon" href="https://dev-cc.kuangheng.com/ngs/images/logo-flat.png">
        <title>页面错误</title>
        <style>
            .layout-table{display:table;height:100%;width:100%;vertical-align: middle;margin-top:150px}
            .layout-table-cell{display: table-cell;vertical-align: middle;text-align:center}
            .layout-tip{font-size:28px;color:#373737;margin: 0 auto;margin-top:16px;border-bottom: 1px solid #eee;padding-bottom: 20px;width: 360px;}
            #tips{font-size:18px;color:#666666;margin-top:16px;}



        .ErrorNotification-header {
            margin-bottom: 8px;
            display: flex;
            justify-content: center;
        }

        .ErrorNotification-header-icon {
            display: inline-flex;
            align-items: center;
            margin-right: 0px;
        }

        .ErrorNotification-header-icon img {
            width: 50px;
        }

        .ErrorNotification-header-label {
            display: inline-flex;
            color: #212121;
            font-size: 20px;
            font-weight: 600;
        }
        </style>
    </head>
    <body class="layui-layout-body">
        <div class="layui-layout layui-layout-admin">
            
            <div class="layui-body">
                <div class="layout-table">
                    <div class="layout-table-cell">
                        <img class="layout-img" src="https://dev-cc.kuangheng.com/ngs/images/oops.png" >


                        <div class="ErrorNotification-header">
                            <div class="ErrorNotification-header-icon"><img src="https://dev-cc.kuangheng.com/ngs/images/error_big.png" id="errorIcon"></div>
                            <div class="ErrorNotification-header-label" id="errorTitle"><p class="layout-tip">哎呀，找不到该页面啦！</p></div>
                        </div>
                        <p class="layout-tips" id="tips">请检查您的网络连接是否正常或者输入的网址是否正确</p>
                    </div>
                </div>
            </div>
        </div>
        <script>
function getQueryString(name) {
    let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    let r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return decodeURIComponent(r[2]);
    };
    return null;
}
var ErrorTitle = decodeURIComponent(getQueryString("ErrorTitle"));
var ErrorInfo = decodeURIComponent(getQueryString("ErrorInfo"));
console.log('调用参数信息ErrorTitle:' + ErrorTitle + ' ErrorInfo:' + ErrorInfo);

if (ErrorTitle != '' && ErrorTitle != null && ErrorTitle != 'null') {
    window.document.getElementsByClassName("layout-tip")[0].innerText = ErrorTitle;
}
if (ErrorInfo != '' && ErrorInfo != null && ErrorInfo != 'null') {
    window.document.getElementsByClassName("layout-tips")[0].innerText = ErrorInfo;
}
        </script>
        
    </body>
</html>